<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <script>
        // 原生ajax
        // $ajax() wx.request()  axios

        // 第一步、 创建xhr对象
        // let xhr = new XMLHttpRequest()
        
        // // 2.打开服务器的链接
        // // open的三个参数  第一个是请求方式  第二个请求地址  第三个是是否开启异步请求
        // xhr.open('get','https://cnodejs.org/api/v1/topics',true)
        // // 3.发送请求 向服务器
        // xhr.send()
        // // 4.监听xhr对象状态改变的事件
        // xhr.onreadystatechange = function(){
        //     // xhr.readyState  请求完成的状态  4代表完成
        //     if(xhr.readyState == 4){
        //         // xhr.status 于服务器响应的状态 状态码在200-300的区别就表示是成功
        //         if(xhr.status>=200 && xhr.status<=300){
        //             // xhr.responseText 就是服务器给我们相应的数据
        //             console.log(JSON.parse(xhr.responseText));
        //         }
        //     }
        // }


    //  axios.get().then()

////////////////////////////////////////////////////////////////////
    let axios = {
        get:(url)=>{
            return new Promise((resolve,reject)=>{
                let xhr = new XMLHttpRequest()
                xhr.open('get',url,true)
                xhr.send()
                xhr.onreadystatechange = function(){
            // xhr.readyState  请求完成的状态  4代表完成
                if(xhr.readyState == 4){
                    // xhr.status 于服务器响应的状态 状态码在200-300的区别就表示是成功
                    if(xhr.status>=200 && xhr.status<=300){
                        // xhr.responseText 就是服务器给我们相应的数据
                        resolve(JSON.parse(xhr.responseText))
                    }
                }
        }


            })
        },
        post:(url,params)=>{
            return new Promise((resolve,reject)=>{
                let xhr = new XMLHttpRequest()
                xhr.open('post',url,true)
                xhr.send(JSON.stringify(params))
                xhr.onreadystatechange = function(){
            // xhr.readyState  请求完成的状态  4代表完成
                if(xhr.readyState == 4){
                    // xhr.status 于服务器响应的状态 状态码在200-300的区别就表示是成功
                    if(xhr.status>=200 && xhr.status<=300){
                        // xhr.responseText 就是服务器给我们相应的数据
                        resolve(JSON.parse(xhr.responseText))
                    }
                }
        }


            })

        }

    }
//    console.log(axios.get('https://cnodejs.org/api/v1/topics'));
axios.get('https://cnodejs.org/api/v1/topics?tab=good').then(res=>{
    console.log(res);
})
axios.post('https://cnodejs.org/api/v1/topics',{page:1,pagesize:10}).then(res=>{
    console.log(res);
    
})

    </script>
</body>
</html>